// pages/hall/index.js
Page({
  /**
   * 页面的初始数据
   */
  data: {
    barHeight: '',
    tabbarHeight: 0,
    overlay: true,
    show: false,
    active: 0,
    area: '芜湖',
    mainActiveIndex: 0,
    activeId: 1,
    items: [
      { text: '常用', children: [{text: '全国',id: 0},{text:'芜湖', id: 1}] },
      { text: '安徽' },
      { text: '福建' },
      { text: '甘肃' },
      { text: '广东' },
      { text: '广西' },
      { text: '贵州' },
    ],
    sortable: 0,
    options2: [
      { text: '综合', value: 0 },
      { text: '评分从高到低', value: 1 },
      { text: '价格从低到高', value: 2 },
      { text: '价格从高到低', value: 3 },
    ],
    filterOptions: [
      { title: '行业', select: '餐饮', options: [
        { name: '餐饮' },
        { name: '微信' },
        { name: '食品' },
        { name: '电商' },
        { name: '分销' },
        { name: '软件' },
        { name: '培训' },
        { name: '娱乐' },
        { name: '教育' },
      ] },
      { title: '主题', select: '餐饮',  options: [
        { name: '餐饮' },
        { name: '微信' },
        { name: '食品' },
        { name: '电商' },
        { name: '分销' },
        { name: '软件' },
        { name: '培训' },
        { name: '娱乐' },
        { name: '教育' },
      ] },
      { title: '主题', select: '最低价', options: [
        { name: '最低价' },
        { name: '最高价' }
      ] },
      { title: '服务保障', select: '餐饮',  options: [
        { name: '餐饮' },
        { name: '微信' },
        { name: '食品' },
        { name: '电商' },
        { name: '分销' },
        { name: '软件' },
        { name: '培训' },
        { name: '娱乐' },
        { name: '教育' },
      ] },
    ],
    radioChecked: '全部',
    radioOptions: [{
      name: '全部',
    },{
      name: '企业认证',
    },{
      name: '个人认证',
    }],
    serviceList: [
      {
        title: '知产代理/高企代理/财税管理/财税管理财税管理财税管理财税管理',
        price: '2888',
        sell: '54',
        score: '5.00',
        description: '“操作的技术很熟练，行业的竞品分析做的很 详细清晰，操作效果很好，销售很满意详细清晰，操作效果很好，销售很满意',
        shopName: '匠桥专利服务旗舰店',
        addr: '芜湖'
      },
      {
        title: '知产代理/高企代理/财税管理/财税管理财税管理财税管理财税管理',
        price: '2888',
        sell: '54',
        score: '5.00',
        description: '“操作的技术很熟练，行业的竞品分析做的很 详细清晰，操作效果很好，销售很满意详细清晰，操作效果很好，销售很满意',
        shopName: '匠桥专利服务旗舰店',
        addr: '芜湖'
      },
      {
        title: '知产代理/高企代理/财税管理/财税管理财税管理财税管理财税管理',
        price: '2888',
        sell: '54',
        score: '5.00',
        description: '“操作的技术很熟练，行业的竞品分析做的很 详细清晰，操作效果很好，销售很满意详细清晰，操作效果很好，销售很满意',
        shopName: '匠桥专利服务旗舰店',
        addr: '芜湖'
      },
      {
        title: '知产代理/高企代理/财税管理/财税管理财税管理财税管理财税管理',
        price: '2888',
        sell: '54',
        score: '5.00',
        description: '“操作的技术很熟练，行业的竞品分析做的很 详细清晰，操作效果很好，销售很满意详细清晰，操作效果很好，销售很满意',
        shopName: '匠桥专利服务旗舰店',
        addr: '芜湖'
      },
    ],
    shopList: [
      {
        name: '安徽匠桥科技服务有限公司',
        addr: '芜湖',
        tag: ['企业','专业服务10年'],
        customer: '10',
        tradeMount: '350',
        evaluation: '99.8',
        goodAt: ['专利代理','高企申报','企业培训','企业培训'],
        description: '“代理人员非常专业，态度主动，服务速度快，出的 成品好，各方面都比较满意，以后还会合作“',
        demo: '南京科创专利代理展示 >'
      },
      {
        name: '安徽匠桥科技服务有限公司',
        addr: '芜湖',
        tag: ['企业','专业服务10年'],
        customer: '10',
        tradeMount: '350',
        evaluation: '99.8',
        goodAt: ['专利代理','高企申报','企业培训','企业培训'],
        description: '“代理人员非常专业，态度主动，服务速度快，出的 成品好，各方面都比较满意，以后还会合作“',
        demo: '南京科创专利代理展示 >'
      },
      {
        name: '安徽匠桥科技服务有限公司',
        addr: '芜湖',
        tag: ['企业','专业服务10年'],
        customer: '10',
        tradeMount: '350',
        evaluation: '99.8',
        goodAt: ['专利代理','高企申报','企业培训','企业培训'],
        description: '“代理人员非常专业，态度主动，服务速度快，出的 成品好，各方面都比较满意，以后还会合作“',
        demo: '南京科创专利代理展示 >'
      },
      {
        name: '安徽匠桥科技服务有限公司',
        addr: '芜湖',
        tag: ['企业','专业服务10年'],
        customer: '10',
        tradeMount: '350',
        evaluation: '99.8',
        goodAt: ['专利代理','高企申报','企业培训','企业培训'],
        description: '“代理人员非常专业，态度主动，服务速度快，出的 成品好，各方面都比较满意，以后还会合作“',
        demo: '南京科创专利代理展示 >'
      }
    ]
  },
  changeTabs (e) {
    const { index } = e.currentTarget.dataset;
    this.setData({ active: index });
  },
  onClose () {
    this.setData({ show: false });
    this.selectComponent('#filter').toggle(false);
    wx.showTabBar({animation: true});
  },
  openDropdown () {
    // 销量降序排序
    this.setData({ overlay: false });
  },
  closeOverlay () {
    // 销量生序排序
    this.setData({ overlay: true });
  },
  openFilterModal () {
    wx.hideTabBar({
      animation: true,
    });
    this.setData({ show: true, overlay: false });
  },
  noop () {},
  changeTagSelect (e) {
    const { name, index } = e.currentTarget.dataset;
    const key = `filterOptions[${index}].select`;
    this.setData({
      [key]: name
    });
  },
  changeRadioSelect (e) {
    const { name } = e.currentTarget.dataset;
    this.setData({
      radioChecked: name
    });
  },
  reset () {
    const { filterOptions } = this.data;
    filterOptions.forEach(item => {
      item.select = item.options[0].name;
    });
    this.setData({ filterOptions, radioChecked: '全部' });
  },
  confirm () {
    // 前四条选中的值
    const { filterOptions } = this.data;
    const checkedArr = [];
    filterOptions.forEach(item => {
      checkedArr.push(item.select);
    });
    // 商家身份选中项就是radioChecked
    // 关闭弹框
    this.setData({ show: false });
    this.selectComponent('#filter').toggle(false);
  },
  onClickNav (e) {
    console.log(e.detail.index);
  },
  onClickItem (e) {
    this.setData({
      area: e.detail.text,
      activeId: e.detail.id
    });
  },
  toServiceDetail (e) {
    //  详情页id
    const { id } = e.currentTarget.dataset;
    wx.navigateTo({
      url: `../service-detail/index?id=${id}`,
    });
  },
  freeConsult () {
    wx.navigateTo({
      url: '../publish-requirements/index',
    });
  },
  toShopDetail () {
    wx.navigateTo({
      url: '../shop-detail/index',
    });
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    wx.getSystemInfo({
      success: (result) => {
        console.log(result);
        const { statusBarHeight } = result;
        this.setData({ barHeight: result.statusBarHeight });
      },
    });
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})